<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A Sala do Tio Naldinho</title>


<link rel="stylesheet" href="css/style.css" type="text/css" >

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/banner.js"></script>

<script type="text/javascript" src="banner/jsbanner.js"></script>

<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<link rel="stylesheet" href="banner/stylebanner.css">


<script type="text/javascript" src="js/jcarousellite.js"></script>

<script type="text/javascript">

$(function(){

   $(".carosel").jCarouselLite({

     btnNext: ".next",

     btnPrev: ".prev",

     visible: 4,

     auto: 5000,

     speed: 2000

   })

})
</script>

</head>

<body>

<div style="width:100%; height:347px;background:#1A2D1C;position:absolute;margin-left:-10px;">
</div>
<div style="width:100%; height:10px;background:#12B225;position:absolute;margin-left:-10px;top:346px;box-shadow:0 0 .5em #000;z-index:1010;">
</div>
<div class="all">
<!----Logo----->
<div class="logo" style="z-index:1000;position:absolute;">
<img src="imagens/logo.jpg" style="box-shadow:0 0 0 .2em #CCC;"/>
<!---Menu--->
<div class="menu">
<ul class="menuul">
	<li><span><a href="#">IN&Iacute;CIO</a></span></li>
    <li><span><a href="#">TIO NALDINHO</a></span></li>
    <li><span><a href="#">A SALA</a></span>
    	<ul class="submenu">
        	<li><span><a href="#">VIDEOS</a></span></li><br />
            <li><span><a href="#">DOCUMENTOS</a></span></li>
            <li><span><a href="#">FOTOS ANTIGAS</a></span></li>
        </ul>
    
    </li>
    <li><span><a href="#">CONTATO</a></span></li>
</ul>
<!---Fim Menu----->
</div>
<!---Fim Menu----->

<div class="busca">
<form action="?" method="post">
<table>
<tr>
	<td>
<input type="text" name="busca" placeholder="buscar"></td><td><button><img src="imagens/lupa.png" /></button></td>
</tr>
</table>
</form>
</div>


<!----Fim Logo---->
</div>
<!----Fim Logo---->

<div class="body">
	<div class="menuesquerdo">
    <ul>
    	<li><span class="titulomenu"><a href="#">PER&Iacute;ODO</a></span></li>
        <div class="bg"></div>
        <li><span><a href="#">Pr&eacute;-Hist&oacute;ria</a></span></li>
        <li><span><a href="#">Idade-Antiga</a></span></li>
        <li><span><a href="#">Idade-M&eacute;dia</a></span></li>
        <li><span><a href="#">Idade-Moderna</a></span></li>
        <li><span><a href="#">Idade-Contepor&acirc;nea</a></span></li>
     </ul>
	</div>
    <div class="menuesquerdo2">
    <ul>
    	<li><span class="titulomenu"><a href="#">Brasil</a></span></li>
        <div class="bg"></div>
        <li><span><a href="#">Pr&eacute;-Colonial</a></span></li>
        <li><span><a href="#">Col&ocirc;nia</a></span></li>
        <li><span><a href="#">Imp&eacute;rio</a></span></li>
        <li><span><a href="#">Rep&uacute;blica</a></span></li>
     </ul>
	</div>
    
    
    
    <div class="menuesquerdo3">
    <ul>
    	<li><span class="titulomenu"><a href="#">Rio Grande Do Norte</a></span></li>
        <div class="bg"></div>
        <li><span><a href="#">Col&ocirc;nia</a></span></li>
        <li><span><a href="#">Imp&eacute;rio</a></span></li>
        <li><span><a href="#">Rep&uacute;blica</a></span></li>
     </ul>
	</div>
    
    
    
    <div class="menudireito">
    <ul>
    	<li><span class="titulomenu"><a href="#">Sites e Blogs</a></span></li>
        <div class="bgdireito"></div>
        <li><span><a href="#">UFRN</a></span></li>
        <li><span><a href="#">A Casa do Tio Naldinho</a></span></li>
        <li><span><a href="#">History Channel</a></span></li>
        <li><span><a href="#">LukasMatheus</a></span></li>
        <li><span><a href="#">ANPUH</a></span></li>
        <li><span><a href="#">CNPq</a></span></li>
        <li><span><a href="#">MEC</a></span></li>
     </ul>
	</div>
    
    <div class="twitter">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 30,
  interval: 2000,
  width: 230,
  height: 170,
  theme: {
    shell: {
      background: '#1dad15',
      color: '#ffffff'
    },
    tweets: {
      background: '#011f02',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
  loop: true,
  live: true,
  hashtags: true,
  timestamp: true,
  avatars: false,
  behavior: 'default'
  }
}).render().setUser('salationaldinho').start();
</script>


</div>


	<div id="animacao">
    	<div class="slide">
        <img src="imagens/brasil.jpg" />
        <p>blablablablablbala</p>
        </div>
        <div class="slide">
        <img src="imagens/brasil.jpg" />
        <p>blablablablablbala</p>
        </div>
        <div class="slide">
        <img src="imagens/brasil.jpg" />
        <p>blablablablablbala</p>
        </div>
        <div class="slide">
        <a href="#"><img src="imagens/brasil.jpg" /></a>
        <p>A história do brasil começou quando os portugues pegaramos indios e deram um péna bunda deles, e fizeram que eles trabalhassem praos portugueses.assim acabou o pau brasil</p></div>
      	</div>
        <div class="pager"></div>
</div>
<!--Fim all-->
<div id="carosel">
<button class="prev"></button>
<button class="next"></button>
 <div class="carosel">

 <ul>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 <li><img src="imagens/island.jpg" alt="" /></li>
 <li><img src="imagens/Oleo.jpg" alt="" /></li>
 <li><img src="imagens/quadro.jpg" alt="" /></li>
 <li><img src="imagens/brasil.jpg" alt="" /></li>
 </ul>

 </div><!--carosel calsse-->
 
</div><!-- carosel div-->


</div>
<!--Fim all-->
<div style="width:100%; height:10px;background:#12B225;position:absolute;margin-left:-10px;top:1300px;box-shadow:0 0 .5em #000;z-index:1010;">
</div>
<div style="width:100%;height:200px;background:#1A2D1C;position:absolute;top:1300px;margin-left:-10px;">
</div>
</body>
</html>
